<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <link rel="stylesheet" href="./lib/antd/reset.min.css" />
    <script src="./lib/vue.global.prod.min.js"></script>
    <script src="./lib/antd/dayjs.min.js"></script>
    <script src="./lib/antd/customParseFormat.js"></script>
    <script src="./lib/antd/weekday.js"></script>
    <script src="./lib/antd/localeData.js"></script>
    <script src="./lib/antd/weekOfYear.js"></script>
    <script src="./lib/antd/weekYear.js"></script>
    <script src="./lib/antd/advancedFormat.js"></script>
    <script src="./lib/antd/quarterOfYear.js"></script>
    <script src="./lib/antd/antd.min.js"></script>
    <script src="./lib/Sortable.min.js"></script>
    <script src="./lib/vuedraggable.umd.js"></script>
    <link rel="stylesheet" href="./content/style.css" />
    <style>
      .container {
        margin-left: 20%;
        padding: 200px;
        display: flex;
        flex-wrap: wrap;
      }

      .un-field-item {
        font-size: 14px;
        color: #333;
        margin: 10px;
        cursor: pointer;
      }
    </style>
  </head>

  <body>
    <div class="container">
      <div
        id="u11540_state0"
        class="panel_state"
        data-label="基本信息"
        style=""
      >
        <div id="u17508" class="ax_default heading_1">
          <div id="u17508_div" class=""></div>
          <div id="u17508_text" class="text">
            <p>
              <span style="color: rgba(217, 0, 27, 0.8470588235294118)"
                >数量</span
              ><span style="color: rgba(0, 0, 0, 0.8470588235294118)"
                >单位：</span
              >
            </p>
          </div>
        </div>
        <div id="u11540_state0_content" class="panel_state_content">
          <!-- Unnamed (矩形) -->
          <div id="u11541" class="ax_default shape1">
            <div id="u11541_div" class=""></div>
            <div id="u11541_text" class="text">
              <p><span>`</span></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u11542" class="ax_default shape1">
            <div id="u11542_div" class=""></div>
            <div id="u11542_text" class="text">
              <p><span>&nbsp;&nbsp; </span></p>
            </div>
          </div>

          <!-- Unnamed (组合) -->
          <div
            id="u11543"
            class="ax_default"
            data-left="557"
            data-top="831"
            data-width="286"
            data-height="45"
          >
            <!-- Unnamed (组合) -->
            <div
              id="u11544"
              class="ax_default"
              data-left="557"
              data-top="831"
              data-width="286"
              data-height="45"
            >
              <!-- Unnamed (组合) -->
              <div
                id="u11545"
                class="ax_default"
                data-left="557"
                data-top="831"
                data-width="286"
                data-height="29"
              >
                <!-- Unnamed (组合) -->
                <div
                  id="u11546"
                  class="ax_default"
                  data-left="635"
                  data-top="831"
                  data-width="208"
                  data-height="29"
                >
                  <!-- Unnamed (矩形) -->
                  <div id="u11547" class="ax_default heading_1">
                    <div id="u11547_div" class=""></div>
                    <div id="u11547_text" class="text">
                      <p>
                        <span
                          style="
                            font-family: 'ArialMT', 'Arial', sans-serif;
                            font-weight: 400;
                          "
                          >2023 </span
                        ><span
                          style="
                            font-family: 'PingFangSC-Regular', '苹方-简',
                              sans-serif;
                            font-weight: 400;
                            font-style: normal;
                          "
                          >济南大陆机电股份有限公司</span
                        >
                      </p>
                    </div>
                  </div>
                </div>

                <!-- Unnamed (图片) -->
                <div id="u11548" class="ax_default image">
                  <img
                    id="u11548_img"
                    class="img"
                    src="images/基本信息/u797.png"
                  />
                  <div
                    id="u11548_text"
                    class="text"
                    style="display: none; visibility: hidden"
                  >
                    <p></p>
                  </div>
                </div>

                <!-- Unnamed (组合) -->
                <div
                  id="u11549"
                  class="ax_default"
                  data-left="557"
                  data-top="831"
                  data-width="62"
                  data-height="29"
                >
                  <!-- Unnamed (矩形) -->
                  <div id="u11550" class="ax_default heading_1">
                    <div id="u11550_div" class=""></div>
                    <div id="u11550_text" class="text">
                      <p><span>copyright</span></p>
                    </div>
                  </div>
                </div>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u11551" class="ax_default box_2">
                <div id="u11551_div" class=""></div>
                <div id="u11551_text" class="text">
                  <p><span>16</span></p>
                </div>
              </div>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u11552" class="ax_default shape1">
            <div id="u11552_div" class=""></div>
            <div
              id="u11552_text"
              class="text"
              style="display: none; visibility: hidden"
            >
              <p></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u11553" class="ax_default box_2">
            <div id="u11553_div" class=""></div>
            <div
              id="u11553_text"
              class="text"
              style="display: none; visibility: hidden"
            >
              <p></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u11554" class="ax_default box_2" style="cursor: pointer">
            <div id="u11554_div" class="" tabindex="0"></div>
            <div id="u11554_text" class="text">
              <p><span>检定规程</span></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u11555" class="ax_default box_2" style="cursor: pointer">
            <div id="u11555_div" class="" tabindex="0"></div>
            <div id="u11555_text" class="text">
              <p><span>计量标准</span></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u11556" class="ax_default box_2" style="cursor: pointer">
            <div id="u11556_div" class="" tabindex="0"></div>
            <div id="u11556_text" class="text">
              <p><span>计量标准器</span></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u11557" class="ax_default box_2" style="cursor: pointer">
            <div id="u11557_div" class="" tabindex="0"></div>
            <div id="u11557_text" class="text">
              <p><span>检定地点</span></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u11558" class="ax_default box_2" style="cursor: pointer">
            <div id="u11558_div" class="" tabindex="0"></div>
            <div id="u11558_text" class="text">
              <p><span>检定结论</span></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u11559" class="ax_default box_2" style="cursor: pointer">
            <div id="u11559_div" class="" tabindex="0"></div>
            <div id="u11559_text" class="text">
              <p><span>检定人</span></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u11560" class="ax_default box_2">
            <div id="u11560_div" class=""></div>
            <div id="u11560_text" class="text">
              <p><span>基本信息</span></p>
            </div>
          </div>

          <!-- Unnamed (文本框) -->
          <div id="u11561" class="ax_default text_field hint">
            <div id="u11561_div" class="hint"></div>
            <input
              id="u11561_input"
              type="text"
              value=""
              class="u11561_input hint"
            />
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u11562" class="ax_default heading_1">
            <div id="u11562_div" class=""></div>
            <div id="u11562_text" class="text">
              <p>
                <span style="color: rgba(217, 0, 27, 0.8470588235294118)"
                  >*</span
                ><span style="color: rgba(0, 0, 0, 0.8470588235294118)">
                  器具名称：</span
                >
              </p>
            </div>
          </div>

          <!-- Unnamed (文本框) -->
          <div id="u11563" class="ax_default text_field hint">
            <div id="u11563_div" class="hint"></div>
            <input
              id="u11563_input"
              type="text"
              value=""
              class="u11563_input hint"
            />
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u11564" class="ax_default heading_1">
            <div id="u11564_div" class=""></div>
            <div id="u11564_text" class="text">
              <p><span>器具编号：</span></p>
            </div>
          </div>

          <!-- Unnamed (文本框) -->
          <div id="u11565" class="ax_default text_field hint">
            <div id="u11565_div" class="hint"></div>
            <input
              id="u11565_input"
              type="text"
              value=""
              class="u11565_input hint"
            />
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u11566" class="ax_default heading_1">
            <div id="u11566_div" class=""></div>
            <div id="u11566_text" class="text">
              <p><span>规格型号：</span></p>
            </div>
          </div>

          <!-- Unnamed (文本框) -->
          <div id="u11567" class="ax_default text_field hint">
            <div id="u11567_div" class="hint"></div>
            <input
              id="u11567_input"
              type="text"
              value=""
              class="u11567_input hint"
            />
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u11568" class="ax_default heading_1">
            <div id="u11568_div" class=""></div>
            <div id="u11568_text" class="text">
              <p>
                <span style="color: rgba(217, 0, 27, 0.8470588235294118)"
                  >*</span
                ><span style="color: rgba(0, 0, 0, 0.8470588235294118)">
                  测量范围：</span
                >
              </p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u11569" class="ax_default heading_1">
            <div id="u11569_div" class=""></div>
            <div id="u11569_text" class="text">
              <p>
                <span style="color: rgba(217, 0, 27, 0.8470588235294118)"
                  >*</span
                ><span style="color: rgba(0, 0, 0, 0.8470588235294118)">
                  检校部门：</span
                >
              </p>
            </div>
          </div>

          <!-- Unnamed (文本框) -->
          <div id="u11570" class="ax_default text_field hint">
            <div id="u11570_div" class="hint"></div>
            <input
              id="u11570_input"
              type="number"
              value=""
              class="u11570_input hint"
            />
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u11571" class="ax_default heading_1">
            <div id="u11571_div" class=""></div>
            <div id="u11571_text" class="text">
              <p>
                <span style="color: rgba(217, 0, 27, 0.8470588235294118)"
                  >*</span
                ><span style="color: rgba(0, 0, 0, 0.8470588235294118)">
                  分类号：</span
                >
              </p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u11572" class="ax_default heading_1">
            <div id="u11572_div" class=""></div>
            <div id="u11572_text" class="text">
              <p><span>学科分类：</span></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u11573" class="ax_default heading_1">
            <div id="u11573_div" class=""></div>
            <div id="u11573_text" class="text">
              <p>
                <span style="color: rgba(217, 0, 27, 0.8470588235294118)"
                  >* </span
                ><span style="color: rgba(0, 0, 0, 0.8470588235294118)"
                  >器具类型：</span
                >
              </p>
            </div>
          </div>

          <!-- Unnamed (下拉框) -->
          <div id="u11574" class="ax_default droplist">
            <div id="u11574_div" class=""></div>
            <select
              id="u11574_input"
              class="u11574_input"
              style="appearance: menulist-button"
            >
              <option class="u11574_input_option" selected="" value="请选择">
                请选择
              </option>
              <option class="u11574_input_option" value="电离辐射">
                电离辐射
              </option>
              <option class="u11574_input_option" value="电磁学">电磁学</option>
              <option class="u11574_input_option" value="光学">光学</option>
              <option class="u11574_input_option" value="几何量">几何量</option>
              <option class="u11574_input_option" value="理化">理化</option>
              <option class="u11574_input_option" value="力学">力学</option>
              <option class="u11574_input_option" value="热学">热学</option>
              <option class="u11574_input_option" value="声学">声学</option>
              <option class="u11574_input_option" value="其他">其他</option>
            </select>
          </div>

          <!-- Unnamed (下拉框) -->
          <div id="u11575" class="ax_default droplist">
            <div id="u11575_div" class=""></div>
            <select
              id="u11575_input"
              class="u11575_input"
              style="appearance: menulist-button"
            >
              <option class="u11575_input_option" selected="" value="请选择">
                请选择
              </option>
              <option class="u11575_input_option" value="分类1">分类1</option>
              <option class="u11575_input_option" value="分类2">分类2</option>
            </select>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u11576" class="ax_default heading_1">
            <div id="u11576_div" class=""></div>
            <div id="u11576_text" class="text">
              <p><span>强检分类号：</span></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u11577" class="ax_default heading_1">
            <div id="u11577_div" class=""></div>
            <div id="u11577_text" class="text">
              <p><span>器具单位：</span></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u11578" class="ax_default heading_1">
            <div id="u11578_div" class=""></div>
            <div id="u11578_text" class="text">
              <p><span>检定周期（月）：</span></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u11579" class="ax_default heading_1">
            <div id="u11579_div" class=""></div>
            <div id="u11579_text" class="text">
              <p><span>标准器具：</span></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u11580" class="ax_default heading_1">
            <div id="u11580_div" class=""></div>
            <div id="u11580_text" class="text">
              <p><span>状态：</span></p>
            </div>
          </div>

          <!-- Unnamed (文本框) -->
          <div id="u11581" class="ax_default text_field hint">
            <div id="u11581_div" class="hint"></div>
            <input
              id="u11581_input"
              type="text"
              value=""
              class="u11581_input hint"
            />
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u11582" class="ax_default heading_1">
            <div id="u11582_div" class=""></div>
            <div id="u11582_text" class="text">
              <p>
                <span style="color: rgba(217, 0, 27, 0.8470588235294118)"
                  >*</span
                ><span style="color: rgba(0, 0, 0, 0.8470588235294118)">
                  准确度等级：</span
                >
              </p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u11583" class="ax_default heading_1">
            <div id="u11583_div" class=""></div>
            <div id="u11583_text" class="text">
              <p>
                <span style="color: rgba(217, 0, 27, 0.8470588235294118)"
                  >*</span
                ><span style="color: rgba(0, 0, 0, 0.8470588235294118)">
                  检校费：</span
                >
              </p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u11584" class="ax_default heading_1">
            <div id="u11584_div" class=""></div>
            <div id="u11584_text" class="text">
              <p><span>费用说明：</span></p>
            </div>
          </div>

          <!-- Unnamed (文本框) -->
          <div id="u11585" class="ax_default text_field hint">
            <div id="u11585_div" class="hint"></div>
            <input
              id="u11585_input"
              type="text"
              value=""
              class="u11585_input hint"
            />
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u11586" class="ax_default heading_1">
            <div id="u11586_div" class=""></div>
            <div id="u11586_text" class="text">
              <p><span>附加费：</span></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u11587" class="ax_default heading_1">
            <div id="u11587_div" class=""></div>
            <div id="u11587_text" class="text">
              <p><span>附加费说明：</span></p>
            </div>
          </div>

          <!-- Unnamed (文本框) -->
          <div id="u11588" class="ax_default text_field hint">
            <div id="u11588_div" class="hint"></div>
            <input
              id="u11588_input"
              type="text"
              value=""
              class="u11588_input hint"
            />
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u11589" class="ax_default heading_1">
            <div id="u11589_div" class=""></div>
            <div id="u11589_text" class="text">
              <p><span>校准点：</span></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u11590" class="ax_default heading_1">
            <div id="u11590_div" class=""></div>
            <div id="u11590_text" class="text">
              <p><span>是否打折：</span></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u11591" class="ax_default heading_1">
            <div id="u11591_div" class=""></div>
            <div id="u11591_text" class="text">
              <p><span>省收费标准：</span></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u11592" class="ax_default heading_1">
            <div id="u11592_div" class=""></div>
            <div id="u11592_text" class="text">
              <p><span>备注：</span></p>
            </div>
          </div>

          <!-- Unnamed (文本框) -->
          <div id="u11593" class="ax_default text_field">
            <div id="u11593_div" class=""></div>
            <input
              id="u11593_input"
              type="text"
              value=""
              class="u11593_input"
            />
          </div>

          <!-- Unnamed (下拉框) -->
          <div id="u11594" class="ax_default droplist">
            <div id="u11594_div" class=""></div>
            <select
              id="u11594_input"
              class="u11594_input"
              style="appearance: menulist-button"
            >
              <option class="u11594_input_option" selected="" value="请选择">
                请选择
              </option>
              <option class="u11594_input_option" value="力学室">力学室</option>
              <option class="u11594_input_option" value="…">…</option>
            </select>
          </div>

          <!-- Unnamed (文本框) -->
          <div id="u11595" class="ax_default text_field hint">
            <div id="u11595_div" class="hint"></div>
            <input
              id="u11595_input"
              type="text"
              value=""
              class="u11595_input hint"
            />
          </div>

          <!-- Unnamed (文本框) -->
          <div id="u11596" class="ax_default text_field hint">
            <div id="u11596_div" class="hint"></div>
            <input
              id="u11596_input"
              type="number"
              value=""
              class="u11596_input hint"
            />
          </div>

          <!-- Unnamed (文本框) -->
          <div id="u11597" class="ax_default text_field hint">
            <div id="u11597_div" class="hint"></div>
            <input
              id="u11597_input"
              type="number"
              value=""
              class="u11597_input hint"
            />
          </div>

          <!-- Unnamed (文本框) -->
          <div id="u11598" class="ax_default text_field hint">
            <div id="u11598_div" class="hint"></div>
            <input
              id="u11598_input"
              type="number"
              value=""
              class="u11598_input hint"
            />
          </div>

          <!-- Unnamed (下拉框) -->
          <div id="u11599" class="ax_default droplist">
            <div id="u11599_div" class=""></div>
            <select
              id="u11599_input"
              class="u11599_input"
              style="appearance: menulist-button"
            >
              <option class="u11599_input_option" selected="" value="请选择">
                请选择
              </option>
              <option class="u11599_input_option" value="工作器具">
                工作器具
              </option>
              <option class="u11599_input_option" value="标准器具">
                标准器具
              </option>
            </select>
          </div>

          <!-- Unnamed (文本框) -->
          <div id="u11600" class="ax_default text_field hint">
            <div id="u11600_div" class="hint"></div>
            <input
              id="u11600_input"
              type="number"
              value=""
              class="u11600_input hint"
            />
          </div>

          <!-- Unnamed (文本框) -->
          <div id="u11601" class="ax_default text_field hint">
            <div id="u11601_div" class="hint"></div>
            <input
              id="u11601_input"
              type="number"
              value=""
              class="u11601_input hint"
            />
          </div>

          <!-- Unnamed (文本框) -->
          <div id="u11602" class="ax_default text_field hint">
            <div id="u11602_div" class="hint"></div>
            <input
              id="u11602_input"
              type="number"
              value=""
              class="u11602_input hint"
            />
          </div>

          <!-- Unnamed (下拉框) -->
          <div id="u11603" class="ax_default droplist">
            <div id="u11603_div" class=""></div>
            <select
              id="u11603_input"
              class="u11603_input"
              style="appearance: menulist-button"
            >
              <option class="u11603_input_option" selected="" value="请选择">
                请选择
              </option>
              <option class="u11603_input_option" value="否">否</option>
              <option class="u11603_input_option" value="是">是</option>
            </select>
          </div>

          <!-- Unnamed (文本框) -->
          <div id="u11604" class="ax_default text_field hint">
            <div id="u11604_div" class="hint"></div>
            <input
              id="u11604_input"
              type="number"
              value=""
              class="u11604_input hint"
            />
          </div>

          <!-- Unnamed (文本框) -->
          <div
            id="u11605"
            class="ax_default text_field"
            style="cursor: pointer"
          >
            <div id="u11605_div" class=""></div>
            <input
              id="u11605_input"
              type="text"
              value="符号"
              class="u11605_input"
              tabindex="0"
            />
          </div>

          <!-- Unnamed (文本框) -->
          <div
            id="u11606"
            class="ax_default text_field"
            style="cursor: pointer"
          >
            <div id="u11606_div" class=""></div>
            <input
              id="u11606_input"
              type="text"
              value="符号"
              class="u11606_input"
              tabindex="0"
            />
          </div>

          <!-- Unnamed (文本框) -->
          <div
            id="u11607"
            class="ax_default text_field"
            style="cursor: pointer"
          >
            <div id="u11607_div" class=""></div>
            <input
              id="u11607_input"
              type="text"
              value="符号"
              class="u11607_input"
              tabindex="0"
            />
          </div>

          <!-- Unnamed (组合) -->
          <div
            id="u11608"
            class="ax_default"
            data-left="0"
            data-top="0"
            data-width="0"
            data-height="0"
          ></div>

          <!-- Unnamed (矩形) -->
          <div id="u11609" class="ax_default box_2">
            <div id="u11609_div" class=""></div>
            <div
              id="u11609_text"
              class="text"
              style="display: none; visibility: hidden"
            >
              <p></p>
            </div>
          </div>

          <!-- Unnamed (组合) -->
          <div
            id="u11610"
            class="ax_default"
            data-left="34"
            data-top="78"
            data-width="131"
            data-height="46"
          >
            <!-- Unnamed (矩形) -->
            <div id="u11611" class="ax_default box_2">
              <div id="u11611_div" class=""></div>
              <div id="u11611_text" class="text">
                <p><span>新增检校项目</span></p>
              </div>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u11612" class="ax_default box_1" style="cursor: pointer">
            <div id="u11612_div" class="" tabindex="0"></div>
            <div id="u11612_text" class="text">
              <p><span>&lt;&nbsp; 返回上一页</span></p>
            </div>
          </div>

          <!-- Unnamed (组合) -->
          <div
            id="u11613"
            class="ax_default"
            data-left="20"
            data-top="13"
            data-width="80"
            data-height="44"
          >
            <!-- Unnamed (矩形) -->
            <div id="u11614" class="ax_default box_2">
              <div id="u11614_div" class=""></div>
              <div id="u11614_text" class="text">
                <p><span>首 页</span></p>
              </div>
            </div>
          </div>

          <!-- Unnamed (组合) -->
          <div
            id="u11615"
            class="ax_default"
            data-left="108"
            data-top="13"
            data-width="100"
            data-height="44"
          >
            <!-- Unnamed (矩形) -->
            <div id="u11616" class="ax_default box_2">
              <div id="u11616_div" class=""></div>
              <div id="u11616_text" class="text">
                <p><span>基础数据&nbsp; x</span></p>
              </div>
            </div>
          </div>

          <!-- Unnamed (组合) -->
          <div
            id="u11617"
            class="ax_default"
            data-left="216"
            data-top="13"
            data-width="100"
            data-height="44"
          >
            <!-- Unnamed (矩形) -->
            <div id="u11618" class="ax_default box_2">
              <div id="u11618_div" class=""></div>
              <div id="u11618_text" class="text">
                <p>
                  <span style="color: #d9001b">&nbsp;检校项目</span
                  ><span style="color: #1890ff">&nbsp; x</span>
                </p>
              </div>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u11619" class="ax_default heading_1">
            <div id="u11619_div" class=""></div>
            <div id="u11619_text" class="text">
              <p>
                <span style="color: rgba(217, 0, 27, 0.8470588235294118)"
                  >标准名称</span
                ><span style="color: rgba(0, 0, 0, 0.8470588235294118)"
                  >：</span
                >
              </p>
            </div>
          </div>

          <!-- Unnamed (文本框) -->
          <div id="u11620" class="ax_default text_field hint">
            <div id="u11620_div" class="hint"></div>
            <input
              id="u11620_input"
              type="text"
              value=""
              class="u11620_input hint"
            />
          </div>

          <!-- Unnamed (文本框) -->
          <div
            id="u11621"
            class="ax_default text_field"
            style="cursor: pointer"
          >
            <div id="u11621_div" class=""></div>
            <input
              id="u11621_input"
              type="text"
              value="选择"
              class="u11621_input"
              tabindex="0"
            />
          </div>
        </div>
      </div>
    </div>
    <div id="app-container-wrapper">
      <div id="app-container" :class="{fold:!selectState}">
        <div class="app-title" ref="appTitle">
          <div class="left">
            <span class="logo">
              <svg
                width="20px"
                height="20px"
                viewBox="0 0 20 20"
                version="1.1"
                xmlns="http://www.w3.org/2000/svg"
                xmlns:xlink="http://www.w3.org/1999/xlink"
              >
                <title>编组备份 3</title>
                <defs>
                  <linearGradient
                    x1="50%"
                    y1="-1.994932e-14%"
                    x2="110.402109%"
                    y2="66.3383697%"
                    id="linearGradient-1"
                  >
                    <stop stop-color="#1437FB" offset="0%"></stop>
                    <stop stop-color="#709EFF" offset="100%"></stop>
                  </linearGradient>
                  <path
                    d="M10,0 C15.5228475,0 20,4.4771525 20,10 C20,15.5228475 15.5228475,20 10,20 C4.4771525,20 0,15.5228475 0,10 C0,4.4771525 4.4771525,0 10,0 Z M10,3.49514563 C6.40746813,3.49514563 3.49514563,6.40746813 3.49514563,10 C3.49514563,13.5925319 6.40746813,16.5048544 10,16.5048544 C13.5925319,16.5048544 16.5048544,13.5925319 16.5048544,10 C16.5048544,6.40746813 13.5925319,3.49514563 10,3.49514563 Z"
                    id="path-2"
                  ></path>
                  <linearGradient
                    x1="55.1862604%"
                    y1="14.8242503%"
                    x2="82.9873066%"
                    y2="81.1875835%"
                    id="linearGradient-4"
                  >
                    <stop stop-color="#709EFF" offset="0%"></stop>
                    <stop stop-color="#1E42FB" offset="78.6170053%"></stop>
                    <stop stop-color="#254AFC" offset="100%"></stop>
                  </linearGradient>
                  <linearGradient
                    x1="72.8362955%"
                    y1="22.2425285%"
                    x2="22.1182308%"
                    y2="98.2620582%"
                    id="linearGradient-5"
                  >
                    <stop
                      stop-color="#FFFFFF"
                      stop-opacity="0"
                      offset="0%"
                    ></stop>
                    <stop stop-color="#FFFFFF" offset="33.8037998%"></stop>
                    <stop
                      stop-color="#FFFFFF"
                      stop-opacity="0.797366696"
                      offset="50.7655868%"
                    ></stop>
                    <stop
                      stop-color="#FFFFFF"
                      stop-opacity="0"
                      offset="100%"
                    ></stop>
                  </linearGradient>
                  <linearGradient
                    x1="88.8846416%"
                    y1="58.7680795%"
                    x2="35.3323426%"
                    y2="48.0467909%"
                    id="linearGradient-6"
                  >
                    <stop stop-color="#1437FB" offset="0%"></stop>
                    <stop stop-color="#709EFF" offset="100%"></stop>
                  </linearGradient>
                  <linearGradient
                    x1="88.9719506%"
                    y1="63.7612455%"
                    x2="-9.91635166%"
                    y2="40.6792973%"
                    id="linearGradient-7"
                  >
                    <stop
                      stop-color="#FFFFFF"
                      stop-opacity="0"
                      offset="0%"
                    ></stop>
                    <stop stop-color="#FFFFFF" offset="33.8037998%"></stop>
                    <stop
                      stop-color="#FFFFFF"
                      stop-opacity="0.797366696"
                      offset="50.7655868%"
                    ></stop>
                    <stop
                      stop-color="#FFFFFF"
                      stop-opacity="0"
                      offset="100%"
                    ></stop>
                  </linearGradient>
                  <linearGradient
                    x1="66.8819398%"
                    y1="100%"
                    x2="50%"
                    y2="-10.4590744%"
                    id="linearGradient-8"
                  >
                    <stop stop-color="#1437FB" offset="0%"></stop>
                    <stop stop-color="#709EFF" offset="100%"></stop>
                  </linearGradient>
                  <linearGradient
                    x1="78.0491457%"
                    y1="84.7138107%"
                    x2="19.7254924%"
                    y2="9.68385313%"
                    id="linearGradient-9"
                  >
                    <stop
                      stop-color="#FFFFFF"
                      stop-opacity="0"
                      offset="0%"
                    ></stop>
                    <stop stop-color="#FFFFFF" offset="33.8037998%"></stop>
                    <stop
                      stop-color="#FFFFFF"
                      stop-opacity="0.797366696"
                      offset="59.0845371%"
                    ></stop>
                    <stop
                      stop-color="#FFFFFF"
                      stop-opacity="0"
                      offset="100%"
                    ></stop>
                  </linearGradient>
                  <path
                    d="M10,0 C15.5228475,0 20,4.4771525 20,10 C20,15.5228475 15.5228475,20 10,20 C4.4771525,20 0,15.5228475 0,10 C0,4.4771525 4.4771525,0 10,0 Z"
                    id="path-10"
                  ></path>
                  <linearGradient
                    x1="88.1359941%"
                    y1="100%"
                    x2="26.2404441%"
                    y2="21.8395848%"
                    id="linearGradient-12"
                  >
                    <stop stop-color="#1437FB" offset="0%"></stop>
                    <stop stop-color="#709EFF" offset="100%"></stop>
                  </linearGradient>
                  <linearGradient
                    x1="88.7256134%"
                    y1="87.7627024%"
                    x2="25.8730984%"
                    y2="28.7317324%"
                    id="linearGradient-13"
                  >
                    <stop stop-color="#1437FB" offset="0%"></stop>
                    <stop stop-color="#709EFF" offset="100%"></stop>
                  </linearGradient>
                  <polygon
                    id="path-14"
                    points="0 3.16911433 4.54230033 3.16911433 4.54230033 9.63437306 7.45869248 6.85369888 7.45869248 3.16911433 10.868814 3.16911433 13.4352407 3.90267475e-15 2.53179862 -3.36206894e-14"
                  ></polygon>
                  <linearGradient
                    x1="-1.11022302e-14%"
                    y1="50%"
                    x2="100%"
                    y2="50%"
                    id="linearGradient-16"
                  >
                    <stop stop-color="#00B99F" offset="0%"></stop>
                    <stop stop-color="#0ADAB1" offset="100%"></stop>
                  </linearGradient>
                </defs>
                <g
                  id="页面-1"
                  stroke="none"
                  stroke-width="1"
                  fill="none"
                  fill-rule="evenodd"
                >
                  <g id="编组备份-3">
                    <g id="路径-7">
                      <mask id="mask-3" fill="white">
                        <use xlink:href="#path-2"></use>
                      </mask>
                      <use
                        id="蒙版"
                        fill="url(#linearGradient-1)"
                        xlink:href="#path-2"
                      ></use>
                      <path
                        d="M3.49514563,8.78640777 C3.49514563,4.60237154 5.66343042,1.67356895 10,-4.4408921e-15 C14.3365696,-1.67356895 9.94174841,-2.38492362 -3.18446351,-2.13406402 L-0.661380943,18.0146951 L11.8938364,18.0146951 L13.8908156,14.8426888 C9.23857562,14.4413854 6.91245564,14.2407337 6.91245564,14.2407337 C6.91245564,14.2407337 5.7733523,12.4226251 3.49514563,8.78640777 Z"
                        id="路径-9"
                        fill="url(#linearGradient-4)"
                        mask="url(#mask-3)"
                      ></path>
                      <path
                        d="M3.49514563,8.78640777 C3.49514563,4.60237154 5.66343042,1.67356895 10,-6.04717222e-15"
                        id="路径"
                        stroke="url(#linearGradient-5)"
                        stroke-width="0.5"
                        mask="url(#mask-3)"
                      ></path>
                      <path
                        d="M13.2458687,15.3190618 C9.28065115,18.6480959 2.54992775,17.4280822 4.79616347e-14,10 C-1.69995183,5.04794523 -3.00304864,9.70813941 -3.90929044,23.9805825 L14.3800888,20.6966259 C16.2674204,14.8922271 15.889347,13.0997057 13.2458687,15.3190618 Z"
                        fill="url(#linearGradient-6)"
                        mask="url(#mask-3)"
                      ></path>
                      <path
                        d="M13.178536,15.412574 C9.21331846,18.7416081 2.48259506,17.5215944 -0.0673326886,10.0935122"
                        id="路径"
                        stroke="url(#linearGradient-7)"
                        stroke-width="0.5"
                        mask="url(#mask-3)"
                      ></path>
                      <path
                        d="M20,12.1159864 C20,10.6082608 18.2038106,5.00952726 13.1631937,4.21445544 C9.80278237,3.68440756 10.4357944,7.08124111 15.0622298,14.4049561 L19.3644932,13.7440001 C19.7881644,13.663808 20,13.1211367 20,12.1159864 Z"
                        id="路径-10"
                        fill="url(#linearGradient-8)"
                        mask="url(#mask-3)"
                      ></path>
                      <path
                        d="M20,12.1159864 C20,10.6082608 18.2038106,5.00952726 13.1631937,4.21445544"
                        id="路径"
                        stroke="url(#linearGradient-9)"
                        stroke-width="0.5"
                        mask="url(#mask-3)"
                      ></path>
                    </g>
                    <g id="路径">
                      <mask id="mask-11" fill="white">
                        <use xlink:href="#path-10"></use>
                      </mask>
                      <g id="蒙版"></g>
                      <path
                        d="M13.1069661,19.5079352 C13.4721476,20.7494236 13.5267782,21.3806827 13.2708581,21.4017127 C10.0929254,21.6628556 8.05080469,21.0558142 10,21.0558142 C12.5938771,20.3519381 13.6294758,17.7022654 13.1067961,13.1067961 C18.583481,13.4897888 21.5111591,11.8833231 21.8898304,8.2873991 C21.9185856,8.01433502 22.5120468,10.3696493 22.2877938,11.9649993 C22.2564771,12.1877886 21.3298575,12.5684442 19.5079352,13.1069661 C18.5204762,16.1307376 16.1307376,18.5204762 13.1069661,19.5079352 Z"
                        stroke="#FFFFFF"
                        stroke-width="1.77535638"
                        fill="url(#linearGradient-12)"
                        mask="url(#mask-11)"
                      ></path>
                      <path
                        d="M13.1069661,19.5079352 C13.4721476,20.7494236 13.5267782,21.3806827 13.2708581,21.4017127 C10.0929254,21.6628556 8.82750372,20 10.776699,20 C12.8478964,20 13.6245955,17.7022654 13.1067961,13.1067961 C17.7022654,13.6245955 20,12.8478964 20,10.776699 C20,10.5022463 22.5120468,10.3696493 22.2877938,11.9649993 C22.2564771,12.1877886 21.3298575,12.5684442 19.5079352,13.1069661 C18.5204762,16.1307376 16.1307376,18.5204762 13.1069661,19.5079352 Z"
                        id="路径备份"
                        fill="url(#linearGradient-13)"
                        mask="url(#mask-11)"
                      ></path>
                    </g>
                    <g id="路径-8" transform="translate(3.980583, 5.940921)">
                      <mask id="mask-15" fill="white">
                        <use xlink:href="#path-14"></use>
                      </mask>
                      <use id="蒙版" fill="#0ADAB1" xlink:href="#path-14"></use>
                      <path
                        d="M7.45869248,3.16911433 C7.2465023,1.05637144 8.30633744,2.33146835e-15 10.6381979,2.10942375e-15 C12.9700583,1.88737914e-15 14.2362642,-0.329387969 14.4368154,-0.988163906 L13.0097087,4.10835558 L7.45869248,3.16911433 Z"
                        fill="url(#linearGradient-16)"
                        fill-rule="nonzero"
                        mask="url(#mask-15)"
                      ></path>
                    </g>
                  </g>
                </g>
              </svg>
            </span>
            <h3>字段拾取器</h3>
          </div>
          <div class="right">
            <a-switch
              checked-children="开启"
              un-checked-children="关闭"
              v-model:checked="selectState"
            />
          </div>
        </div>
        <div class="app-content" v-if="selectState">
          <div class="app-operate">
            <div class="left">
              显示
              <a-input-number
                size="small"
                style="width: 50px"
                :min="1"
                :precision="0"
                v-model:value="colNum"
              >
              </a-input-number>
              列，共
              <span style="font-weight: 700"> {{selectedList.length}} </span>
              项
            </div>
            <div class="clear-wrapper" @click="clearSelectList">
              <span class="clear-icon">
                <svg
                  xmlns="http://www.w3.org/2000/svg"
                  xmlns:xlink="http://www.w3.org/1999/xlink"
                  width="14px"
                  height="14px"
                  viewBox="0 0 14 14"
                  version="1.1"
                >
                  <title>清空</title>
                  <g
                    id="页面-1"
                    stroke="none"
                    stroke-width="1"
                    fill="none"
                    fill-rule="evenodd"
                  >
                    <g
                      id="画板"
                      transform="translate(-356.000000, -110.000000)"
                      fill="#303032"
                      fill-rule="nonzero"
                    >
                      <g
                        id="编组-2"
                        transform="translate(48.000000, 48.000000)"
                      >
                        <g
                          id="编组"
                          transform="translate(16.000000, 57.000000)"
                        >
                          <g
                            id="5.Button/2次要按钮/小"
                            transform="translate(284.000000, 0.000000)"
                          >
                            <g
                              id="清空"
                              transform="translate(8.000000, 5.000000)"
                            >
                              <path
                                d="M4.52599999,1.12516073 L9.47400001,1.12516073 L9.47400001,0 L4.52599999,0 L4.52599999,1.12516073 L4.52599999,1.12516073 Z M4.55399999,9.11130162 L5.707,9.11130162 L5.707,6.41491642 L4.55399999,6.41491642 L4.55399999,9.11130162 L4.55399999,9.11130162 Z M8.29199999,9.11130162 L9.44600001,9.11130162 L9.44600001,6.41491642 L8.29199999,6.41491642 L8.29199999,9.11130162 Z M11.349,3.40248607 L2.64999999,3.40248607 L2.64999999,11.4186312 C2.64999999,12.221746 3.37799999,12.8758394 4.272,12.8758394 L9.72600001,12.8758394 C10.62,12.8758394 11.348,12.221746 11.348,11.4186312 L11.348,3.40248607 L11.349,3.40248607 Z M12.503,3.40248607 L12.503,11.4186312 C12.503,12.8418346 11.257,14 9.72699999,14 L4.27300001,14 C2.74300001,14 1.49700001,12.8418345 1.497,11.4186312 L1.497,3.40248607 L0,3.40248607 L0,2.27832548 L14,2.27832548 L14,3.40248607 L12.503,3.40248607 L12.503,3.40248607 Z"
                                id="形状"
                              />
                            </g>
                          </g>
                        </g>
                      </g>
                    </g>
                  </g>
                </svg>
              </span>
              清空列表
            </div>
          </div>
          <div class="field-list-wrapper">
            <a-tabs
              v-model:activeKey="activeKey"
              type="editable-card"
              @edit="_handleEdit"
            >
              <a-tab-pane
                v-for="pane in panes"
                :key="pane.key"
                :tab="pane.title"
                :closable="pane.closable"
              >
                <draggable
                  class="field-list"
                  tag="a-row"
                  item-key="id"
                  group="fields"
                  :animation="200"
                  ghostClass="ghost"
                  :component-data="{gutter:10}"
                  v-model="selectedList"
                >
                  <template #item="{ element,index }">
                    <a-col v-bind="colConfig">
                      <div class="field-item">
                        <a-tooltip
                          placement="top"
                          :title="element.title"
                          :mouseEnterDelay="3"
                        >
                          <a-tag
                            color="#E1EAFF"
                            closable
                            @close.stop="removeItem(index)"
                          >
                            <a-checkbox
                              style="width: 100%"
                              :checked="element.isQuery"
                              @change="e=>element.isQuery=e.target.checked"
                            >
                              <span
                                class="field-text"
                                :class="{required:element.required}"
                                >{{element.title}}</span
                              >
                            </a-checkbox>
                          </a-tag>
                        </a-tooltip>
                      </div>
                    </a-col>
                  </template>
                </draggable>
              </a-tab-pane>
            </a-tabs>
          </div>
          <div class="app-footer">
            <a-button type="primary" @click="genFormField">生成Form</a-button>
            <a-button type="primary" @click="genTableColumns"
              >生成Column</a-button
            >
          </div>
        </div>
      </div>
    </div>
    <script>
      const { createApp } = Vue;
      const app = createApp({
        data() {
          return {
            colNum: 3,
            idReg: /^u((\d)+)$/,
            selectState: localStorage.getItem("selectState") === "true",
            selectSubForm: false,
            activeKey: "default",
            selectedList: [],
            selctedObj: {
              default: {
                label: "全局",
                fieldList: [],
              },
            },
          };
        },
        computed: {
          colConfig() {
            return {
              span: 24 / this.colNum,
            };
          },
          selectedMap() {
            return this.selectedList.reduce((obj, item) => {
              obj[item.id] = item;
              return obj;
            }, {});
          },
          panes() {
            return Object.keys(this.selctedObj).map((key) => ({
              key,
              title: this.selctedObj[key].label,
              closable: key !== "default",
            }));
          },
        },
        watch: {
          selectState(nval) {
            localStorage.setItem("selectState", nval);
            if (nval) {
              this._bindClickEvent();
            } else {
              this._unBindClickEvent();
            }
          },
          activeKey(nval, oval) {
            if (this.selctedObj[oval]) {
              this.selctedObj[oval].fieldList = [...this.selectedList];
            }
            this.selectedList = [...(this.selctedObj[nval].fieldList || [])];
            console.log("🚀 ~ selectedList:", this.selectedList);
          },
        },
        methods: {
          async _sendData(data) {
            const url = "http://127.0.0.1:4000/axure/receiveData";
            const options = {
              method: "POST",
              headers: { "Content-Type": "application/json" },
              body: JSON.stringify(data),
            };
            const res = await fetch(url, options);
            const resData = await res.json();
            return resData;
          },
          _bindClickEvent() {
            if (this.selectState) {
              document.addEventListener("click", this.handleDomClick);
            }
          },
          _unBindClickEvent() {
            this.clearSelectList();
            document.removeEventListener("click", this.handleDomClick);
          },
          _bindDragContainerEvent() {
            const dragTarget = this.$refs.appTitle;
            const moveElem = dragTarget.parentNode;

            var dragging; //是否激活拖拽状态
            var tLeft, tTop; //鼠标按下时相对于选中元素的位移

            //监听鼠标按下事件
            const mouseDownFn = (e) => {
              if (e.target == dragTarget) {
                dragTarget.style.cursor = "move";
                dragging = true; //激活拖拽状态
                var moveElemRect = moveElem.getBoundingClientRect();
                tLeft = e.clientX - moveElemRect.left; //鼠标按下时和选中元素的坐标偏移:x坐标
                tTop = e.clientY - moveElemRect.top; // 移除了+65，改为完全基于视口定位
              }
            };
            document.addEventListener("mousedown", mouseDownFn);
            //监听鼠标放开事件
            const mouseupFn = (e) => {
              dragging = false;
            };
            document.addEventListener("mouseup", mouseupFn);
            //监听鼠标移动事件
            const mousemoveFn = (e) => {
              if (dragging) {
                dragTarget.style.cursor = "move";
                var moveX = e.clientX - tLeft,
                  moveY = e.clientY - tTop;

                moveElem.style.left = moveX + "px";
                moveElem.style.top = moveY + "px";
              }
            };
            document.addEventListener("mousemove", mousemoveFn);
            return () => {
              document.removeEventListener("mousedown", mouseDownFn);
              document.removeEventListener("mouseup", mouseupFn);
              document.removeEventListener("mousemove", mousemoveFn);
            };
          },
          _bindEvent() {
            this.handleDomClick = this._handleDomClick.bind(this);
            this._bindClickEvent();
            const unBindDragEvent = this._bindDragContainerEvent();
            return () => {
              this._unBindClickEvent();
              unBindDragEvent();
            };
          },
          _findUIdParent(node) {
            let resultNode = null;
            let currentNode = node;
            let count = 0;
            while (count++ < 5) {
              const { id } = currentNode;
              if (this.idReg.test(id)) {
                resultNode = currentNode;
                break;
              } else {
                currentNode = currentNode.parentNode;
              }
            }
            return resultNode;
          },
          _getNodeNumberId(node) {
            const { id } = node;
            const numberId = id.match(/^u((\d)+)/)[1];
            return numberId;
          },
          _handleDomClick(event) {
            const redBoxDom = this._findUIdParent(event.target);
            if (!redBoxDom) return;
            const { id } = redBoxDom;
            if (this.selectedMap[id]) {
              const index = this.selectedList.findIndex(
                (item) => item.id === id
              );
              return this.removeItem(index);
            }
            const { ctrlKey, metaKey } = event;
            if (!ctrlKey && !metaKey) {
              if (this.selectSubForm) {
                return this.addTabItem(redBoxDom);
              } else {
                return this.addItem(redBoxDom);
              }
            }
            // 多选操作
            const startNode = this.selectedList[this.selectedList.length - 1];
            if (!startNode) {
              return this.addItem(redBoxDom);
            }
            const startId = Number.parseInt(
              this._getNodeNumberId(startNode.dom)
            );
            const endId = Number.parseInt(this._getNodeNumberId(redBoxDom));
            for (let index = startId + 1; index <= endId; index++) {
              const redBoxDom = document.querySelector(`#u${index}`);
              if (redBoxDom) {
                this.addItem(redBoxDom);
              }
            }
          },
          _handleEdit(event, type) {
            console.log(event, type);
            if (type === "add") {
              this.selectSubForm = true;
              this.$message.info("请选择字段");
            } else {
              delete this.selctedObj[this.activeKey];
              const keys = Object.keys(this.selctedObj);
              if (keys.length > 1) {
                this.activeKey = keys.find((item) => item !== "default");
              } else {
                this.activeKey = "default";
              }
            }
          },
          addTabItem(redBoxDom) {
            this.selectSubForm = false;
            const { id } = redBoxDom;
            const textDom = redBoxDom.querySelector(`#${id}_text`);
            if (!textDom) return;
            const spanTexts = textDom.innerText
              .replaceAll(/\s+/g, "")
              .replaceAll(":", "")
              .replaceAll("：", "");
            if (spanTexts) {
              this.selctedObj[id] = {
                label: spanTexts.replaceAll("*", ""),
                fieldList: [],
              };
              this.activeKey = id;
              this.$message.success("添加tab成功");
            }
          },
          addItem(redBoxDom) {
            const { id } = redBoxDom;
            const textDom = redBoxDom.querySelector(`#${id}_text`);
            if (!textDom) return;
            const spanTexts = textDom.innerText
              .replaceAll(/\s+/g, "")
              .replaceAll(":", "")
              .replaceAll("：", "");
            if (spanTexts) {
              redBoxDom.classList.add("red-box");
              const field = {
                id,
                dom: redBoxDom,
                title: spanTexts.replaceAll("*", ""),
                isQuery: false,
              };
              if (spanTexts.includes("*")) {
                field.required = true;
              }
              this.selectedList.push(field);
              this.selctedObj[this.activeKey].fieldList = [
                ...this.selectedList,
              ];
            }
          },
          removeItem(index) {
            const obj = this.selectedList[index];
            obj.dom.classList.remove("red-box");
            obj.dom = null;
            this.selectedList.splice(index, 1);
            this.selctedObj[this.activeKey].fieldList = [...this.selectedList];
          },
          clearSelectList() {
            for (let obj of this.selectedList) {
              obj.dom.classList.remove("red-box");
              obj.dom = null;
            }
            this.selectedList = [];
            this.selctedObj[this.activeKey].fieldList = [...this.selectedList];
          },
          async genFormField() {
            const formObj = JSON.parse(JSON.stringify({ ...this.selctedObj }));
            for (const subFormKey of Object.keys(formObj)) {
              formObj[subFormKey].fieldList = formObj[subFormKey].fieldList.map(
                (item) => {
                  return {
                    label: item.title,
                    formKey: "formKey_" + item.id,
                    required: item.required,
                  };
                }
              );
            }
            try {
              const data = await this._sendData({
                type: "form",
                config: {
                  colNum: this.colNum,
                },
                formObj,
              });
              this.$message.success("生成成功");
            } catch (e) {
              console.error("genFormField error", e);
            }
          },
          async genTableColumns() {
            const colList = this.selectedList.map((item) => {
              return {
                title: item.title,
                isQuery: item.isQuery,
                dataIndex: "col_" + item.id,
              };
            });
            try {
              const data = await this._sendData({
                type: "table",
                list: colList,
              });
              this.$message.success("生成成功");
            } catch (e) {
              console.error("genTableColumns error", e);
            }
          },
        },
        mounted() {
          this.clearEvent = this._bindEvent();
          window.clearEvent = this.clearEvent;
        },
        beforeDestroy() {
          this.clearEvent();
        },
      });
      app.use(antd);
      app.component("draggable", vuedraggable);
      app.mount("#app-container-wrapper");
    </script>
  </body>
</html>
